export function useDialog() {
  const dialogVisible = ref(false)

  const dialog = reactive({
    dialogVisible: false,
  })

  const open = () => {
    dialogVisible.value = true
    dialog.dialogVisible = true
  }

  return {
    dialog,
    dialogVisible,
    open,
  }
}
